import Vue from 'vue'
import VueRouter from 'vue-router'
import layout from "@/views/layout/layout.vue";
import details from "@/views/detail/details.vue";
import home from "@/views/layout/home/home.vue";
import my from "@/views/layout/my/my.vue";
import beFondOf from "@/views/layout/be-fond-of/be-fond-of.vue";
import collect from "@/views/layout/collect/collect.vue";


Vue.use(VueRouter)
const routes = [
    {
        path: "/",
        component: layout,
        redirect: "/home",
        children: [
            {path: '/home', component: home},
            {path: '/be-fond-of', component: beFondOf},
            {path: '/collect', component: collect},
            {path: '/my', component: my},
        ]
    },
    {
        path: '/detail',
        component: details
    }
]
const router = new VueRouter({
    routes,

})
export default router

